<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
	<title>猫眼演出详情 detail</title>
	<link rel="stylesheet" href="css/detail.css">
</head>

<body>
	<div class="detail-all">
		<!-- 1顶部 -->
		<div class="detail-title">
			<!-- 1 -->
			<div class="detail-header">
				<div class="title-img">
					<img src="./img/img1.png" alt="">
				</div>
				<div class="title-explain">
					<p>
						【濮存昕、龚丽君、邹健等主演】话剧：《李白》—北京人民艺术剧院演出
					</p>
					<p>
						<span>40</span>
						<span>~</span>
						<span>680</span>
						<span>元</span>
					</p>
				</div>
			</div>
			<!-- 2 -->
			<div class="detail-time-place">
				<p>2021.10.26 - 2021.11.07</p>
				<p>
					<span>北京</span>
					<span>首都机场</span>
				</p>
				<img src="./img/place.png" alt="">
			</div>
			<!-- 3 -->
			<div class="detail-service">
				<div>
					<img src="./img/detail-one.png" alt="">
					<span>官方票</span>
				</div>
				<div>
					<img src="./img/detail-two.png" alt="">
					<span>顺丰邮寄</span>
				</div>
			</div>
			<!-- 4 -->
			<div class="detail-food">
				<ul>
					<li>
						<img src="./img/food-love.png" alt="">
						<span>想看</span>
					</li>
					<li>
						<img src="./img/food-look.png" alt="">
						<span>看过</span>
					</li>
				</ul>
			</div>
		</div>
		<!-- 2centent -->
		<div class="centent-all">
			<!-- 1详情 -->
			<div class="banner-img">
				<img src="./img/detailbanner-img1.jpg" alt="">
			</div>
			<!-- 2p演出详情 -->
			<div class="centent-headline">
				<p>
					演出详情
				</p>
				<div>
					<img src="./img/img2.png" alt="">
					<p>编导：郭启红</p>
					<p>导演：苏 民 唐 烨</p>
					<p>作曲：程 恺</p>
					<p>设计：韩西宇 宋 垠 鄢修民</p>
					<p>
						<br>
					</p>
					<p>本轮演出主要演员：濮存昕 龚丽君 邹 健 张万昆 米铁增 吴珊珊</p>
					<p>
						<br>
					</p>
					<p>
						<span>
							剧情简介
						</span>
					</p>
					<p>公元八世纪五十年代，唐王朝的巍巍大厦在安史乱军的马蹄声中坍塌了。</p>
					<p>诗人李白满怀爱国热忱，入了永王幕府，壮志凌云却未能洞烛其奸。不久，永王谋败身亡，李白获罪被执，诏判长流夜郎。</p>
					<p>一路冷月凄风，到了白帝城。因天下兵马大元帅郭子仪作保，李白遇赦，轻舟直放当涂。</p>
					<p>当涂的山水虽然淡泊了李白干世的热望，而平乱最后一战的召唤却又鼓荡起诗人报国的激情，他做出了惊世骇俗的壮举：以垂暮之年请缨从军。</p>
					<p>一叶扁舟漂流在大江月色中，诗人悄然逝去……</p>
					<p>
						<br>
					</p>
				</div>
				<!-- 购票须知 -->
				<div>
					<div>
						<p>购票须知</p>
					</div>
					<p>
						<span>
							√演出时间
						</span>
					</p>
					<p>2021年10月26日—11月7日 (周一休息) 晚7：30</p>
					<p>
						<br>
					</p>
					<p>
						<span>
							√演出地点
						</span>
					</p>
					<p>首都剧场</p>
					<p>
						<br>
					</p>
					<p>
						<span>
							√演出时长
						</span>
					</p>
					<p>以实际演出时长为准</p>
					<p>
						<br>
					</p>
					<p>
						<span>
							√儿童说明
						</span>
					</p>
					<p>本场演出1.2米以下儿童谢绝入场，1.2米以上（含1.2米）儿童凭票入场</p>
					<p>
						<br>
					</p>
					<p>
						<span>
							√购票说明
						</span>
					</p>
					<p>
						1、本票品需实名制购票，携带身份证入场，一票一证需与本人身份相同。
					</p>
					<p>
						2、入场需出示北京健康码绿码，如因个人原因不符和入场要求，购票后不可退款。
					</p>
					<p>
						<br>
					</p>
					<p>
						<span>
							√禁止携带物品
						</span>
					</p>
					<p>
						食品、饮料、相机、充电宝、打火机等危险物品
					</p>
					<p>
						<br>
					</p>
					<p>
						<span>
							√付款时效提醒
						</span>
					</p>
					<p>购票下单成功后需在指定时间内完成支付，未支付成功的订单，将在下单指定时间后系统自动取消，请大家及时刷新购票页面进行购买</p>
					<p>
						<br>
					</p>
					<p>
						<span>
							√发票说明
						</span>
					</p>
					<p>需要开具发票的购票客户，请您在观看演出当天到剧院售票处凭相关票品及购票凭证开具发票，逾期未申请开具将视为放弃开票资格</p>
					<p>
						<br>
					</p>
					<p>
						<span>
							√退换政策
						</span>
					</p>
					<p>演出票品具有唯一性、时效性等特殊属性，如非活动变更、活动取消、票品错误的原因外，不提供退换票品服务，购票时请务必仔细核对并谨慎下单</p>
					<p>
						<br>
					</p>
					<p>
						<span>
							√特殊提示
						</span>
					</p>
					<p>由于市场变化以及演出票随订随售的性质，均会影响票品库存出现变更，如出票时出现无票或演出活动变更、取消等情况，猫眼客服会及时联系顾客处理并承诺尽快退款</p>
					<p>
						<br>
					</p>
				</div>
				<!-- 为您推荐 -->
				<div>
					<div>
						<p>为您推荐</p>
					</div>
					<ul>
						<li>
							<div>
								<img src="./img/img3.png" alt="">
							</div>
							<div>
								<p>【世纪剧院】大型人偶童话剧《冰雪奇缘之冰雪公主》</p>
								<div>
									<p>
										<span>9.5</span>
									</p>
									<p>
										<span>♥</span>
										<span>♥</span>
										<span>♥</span>
										<span>♥</span>
										<span>♥</span>
									</p>
								</div>
								<p>2021.10.22 - 2021.10.24</p>
								<p>北京 世纪剧院</p>
								<p>
									<span>
										<span>选座够票</span>
										<span>80-680元</span>
									</span>
									<span>自营</span>
								</p>
							</div>
						</li>
						<li>
							<div>
								<img src="./img/img4.png" alt="">
							</div>
							<div>
								<p>【十月必看展】“梵高再现Van Gogh Alive”沉浸式光影大展</p>
								<div>
									<p>
										<span>9.8</span>
									</p>
									<p>
										<span>♥</span>
										<span>♥</span>
										<span>♥</span>
										<span>♥</span>
										<span>♥</span>
									</p>
								</div>
								<p>2021.10.22 - 2021.10.24</p>
								<p>北京 杜威中心Dewey Center</p>
								<p>
									<span>
										<span>售票中</span>
										<span>99-480元</span>
									</span>
									<span>自营</span>
								</p>
							</div>
						</li>
						<li>
							<div>
								<img src="./img/img5.png" alt="">
							</div>
							<div>
								<p>安藤忠雄全球巡回展中国北京站 · 青春</p>
								<div>
									<p>
										<span>9.1</span>
									</p>
									<p>
										<span>♥</span>
										<span>♥</span>
										<span>♥</span>
										<span>♥</span>
										<span>♥</span>
									</p>
								</div>
								<p>2021.10.1 - 2022.2.28</p>
								<p>北京 民生美术馆</p>
								<p>
									<span>
										<span>售票中</span>
										<span>150-300元</span>
									</span>
									<span>自营</span>
								</p>
							</div>
						</li>
						<li>
							<div>
								<img src="./img/img6.png" alt="">
							</div>
							<div>
								<p>《三里屯脱口秀》大笑喜剧周末开心吐槽爆笑解压专场</p>
								<div>
									<p>
										<span>9.5</span>
									</p>
									<p>
										<span>♥</span>
										<span>♥</span>
										<span>♥</span>
										<span>♥</span>
										<span>♥</span>
									</p>
								</div>
								<p>2021.10.20 - 2022.1.3</p>
								<p>北京 三里屯艾米小剧场</p>
								<p>
									<span>
										<span>售票中</span>
										<span>100-200元</span>
									</span>
									<span>自营</span>
								</p>
							</div>
						</li>
					</ul>
					<!-- 更多演出 -->
					<div>
						<div>
							<p>更多演出</p>
						</div>
						<img src="./img/maoyan.png" alt="">
					</div>
				</div>
				<!-- 底部 -->
				<div>
					<div>
						立即购票
					</div>
				</div>
			</div>
		</div>
	</div>
</body>

<script>
	// 在iphone6 375宽度中  html是以16px作为基本单位
	(function () {
		function w() {
			var all = document.documentElement;  // 获取html元素
			var test = all.getBoundingClientRect().width;  // 获取当前设备的宽度、
			console.log(123, test)
			if (test > 750) {
				test = 750;
			}
			rem = test / 23.4375;
			console.log(rem)
			all.style.fontSize = rem + 'px'
		}
		w();
		window.addEventListener("resize", function () {
			w()
		}, false)
	})();
</script>

</html>